 * {
     margin: 0;
     padding: 0;
     border: 0;
     vertical-align: baseline;
     outline: 0;
     box-sizing: border-box;
 }
 
 body {
     font-family: 冬青黑体简体中文;
     color: #e19a74;
     position: relative;
 }
 
 .container {
     height: 64px;
     border-bottom: 1px solid rgba(224, 224, 224, 0.867);
 }
 
 .logo {
     float: left;
     font-weight: bold;
     line-height: 84px;
 }
 
 .logo img {
     height: 70px;
     margin: 1px 0 10px 35px;
     float: left;
 }
 
 .nav {
     font-size: 14px;
     float: right;
     line-height: 70px;
     margin-left: 20px;
 }
 
 .nav a {
     color: #fff;
     text-decoration: none;
     transition: all .5s;
     -webkit-transition: all .5s linear;
 }
 
 .nav a:hover {
     color: rgb(102, 41, 5);
 }
 
 .nav ul li {
     list-style-type: none;
     display: inline-block;
 }
 
 .nav ul li a {
     text-decoration: none;
     color: #e09267;
     padding: 0 20px;
 }
 
 .picture {
     height: auto;
     width: 100%;
     overflow: hidden;
     position: relative;
     top: -20px;
 }
 
 .picture img {
     height: auto;
     width: 100%;
     animation: scale 5s ease 1 forwards;
 }
 
 @keyframes scale {
     0% {
         transform: scale(1);
     }
     50% {
         transform: scale(1.5);
     }
     100% {
         transform: scale(1);
     }
 }
 
 .in {
     position: absolute;
     top: 320px;
     color: white;
     margin-left: 50px;
     ;
 }
 
 h1 {
     font-size: 100px;
     margin-bottom: -20px;
 }
 
 .a {
     display: block;
     font-size: 16px;
 }
 
 .btn {
     position: absolute;
     top: 350px;
     left: 700px;
     max-width: 1;
     display: block;
     width: 1.8rem;
     margin: 0 auto;
     animation: animate 1s ease-in infinite alternate;
 }
 
 @keyframes animate {
     20% {
         transform: none;
     }
     50% {
         transform: translate(0, .2rem);
     }
     100% {
         transform: none;
     }
 }
 
 .introduce {
     margin-top: 40px;
 }
 
 h3 {
     color: #c15c3c;
     margin-bottom: 8px;
     margin-left: 50px;
 }
 
 .photo {
     background-color: #edb496;
     height: 420px;
     width: 420px;
 }
 
 .me {
     position: relative;
     left: 60px;
 }
 
 .contact {
     position: absolute;
     left: 600px;
     bottom: 300px;
     text-align: left;
 }
 
 .LI {
     margin-bottom: 10px;
 }
 
 h4 {
     margin-top: 20px;
     background-color: #edb496;
     width: 130px;
     height: 30px;
     line-height: 35px;
     text-align: center;
     border-radius: 6px;
 }
 
 h4 a {
     text-decoration: none;
     color: white;
 }
 
 .main {
     width: 600px;
 }
 
 .footer {
     background-color: #ecd7ba;
     width: 100%;
     height: 150px;
     margin-top: 40px;
 }
 
 .left {
     margin-left: 80px;
 }
 
 .HAI {
     position: relative;
     bottom: -110px;
     left: -100px;
     color: #ba7067;
 }
 
 .right {
     position: relative;
     left: 500px;
     bottom: -30px;
     font-size: 18px;
 }
 
 .right ul li {
     list-style-type: none;
     display: inline-block;
 }
 
 .right ul li a {
     text-decoration: none;
     color: #784c52;
     padding: 0 50px;
 }
 
 .copyright {
     position: relative;
     left: 825px;
     color: #784c52;
     bottom: -70px;
     font-size: 11px;
 }
 
 .fox {
     position: absolute;
     left: 450px;
     bottom: -30px;
 }
 
 .weixin {
     position: relative;
 }
 
 .weixin::after {
     content: url(img/微信.jpg);
     position: absolute;
     right: -28px;
     top: -135px;
     z-index: 99;
     width: 420px;
     height: 420px;
     border: 5px solid #8a4a31;
     border-radius: 4px;
     transform-origin: top right;
     transform: scale(0);
     opacity: 0;
     -webkit-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
 }
 
 .weixin:hover::after {
     transform: scale(1);
     opacity: 1;
 }